@charset "utf-8";
/* 共用css */
* { margin: 0; padding: 0 }
body { font: 14px "微软雅黑", Arial, Helvetica, sans-serif; background: url(../images/bg.jpg) repeat; color: #555 }
img { border: 0; display: block }
ul, li { list-style: none; }
/*默认链接颜色 */
a { text-decoration: none; color: #333 }
.clear { clear: both; }
.blank { height: 8px; overflow: hidden; width: 100%; margin: auto; clear: both }
.f_l { float: left }
.f_r { float: right }
/*topnav*/
.topnav { line-height: 50px; height: 50px; color: #000; text-align: center; background: rgba(255, 255, 255, 0.58); position: fixed; width: 100%; top: 0; z-index: 999; box-shadow: #333 0px 2px 2px }
.topnav a { color: #000; font-weight: bold; margin: 0 5px }
#wrapper { background: url(../images/footside.jpg) bottom center no-repeat; overflow: hidden; }
header { width: 100%; background: url(../images/yuanshan.jpg) right bottom no-repeat }
.headtop { background: url(../images/topbg.jpg) repeat-x; height: 28px; }
.contenttop { width: 1000px; margin: auto; }
.logo { padding: 50px 0 20px 20px; font-size: 26px; font-family: "微软雅黑", sans-serif; color: #333; font-weight: bold; }
/*search*/
.search { width: 240px; margin: 50px 0 0 0 }
.input_text { padding-left: 5px; border: 1px solid #ccc; width: 158px; height: 26px; line-height: 26px; background-color: #e5e5e5; }
.input_submit { background-color: #333; color: #FFF; margin-left: 5px; width: 50px; border: none; cursor: pointer; height: 28px; line-height: 28px; border-radius: 5px; }
/*nav*/
nav { margin: 0 0 15px 0 }
.navigation { height: 64px; background: url(../images/navbg.png) no-repeat; font-family: "微软雅黑";width: 80%; }
.menu { display: flex;justify-content: space-around;flex-direction: row; position: relative; margin-left: 70px; padding-top: 10px }
.menu li { float: left; width: 110px; text-align: center; position: relative; line-height: 46px; }
.menu li a { display: block; text-decoration: none; color: #fff; font-size: 15px; font-weight: bold }
.menu ul { position: relative; background: url(../images/footerbg.png); z-index: 300; }
.menu li ul { display: none; width: 110px; position: absolute; TOP: 40px; left: 0; }
.menu li ul li { font-size: 12px; height: 28px; line-height: 28px }
.menu li ul li a { font-size: 14px }
.menu li ul li a:hover { background: #000 }
/*phone  nav */
#mnav { display: none; width: 100%; position: absolute; top: 34px; right: 0; }
#mnav h2 { text-align: right; color: #fff; font-size: 18px; height: 52px; line-height: 52px; padding-left: 10px;  }
#mnav h2.open { text-align: right; background: rgba(1,1,1,0.8); width: 100%; }
#mnav ul { display: none; background: rgba(1,1,1,0.8); width: 100%; padding-bottom: 40px }
#mnav li { line-height: 40px;  font-size: 16px; display: block; overflow: hidden; text-align:center;  }
#mnav li ul{ display:block; overflow:hidden; background:none; padding-bottom:0; }
#mnav li ul li{ padding-left:10%; }
#mnav li ul li:before{ content:"-"; color:#fff; padding-right:10px}
#mnav li a { color: #fff }
/* 默认菜单栏 */
#mnav h2 .navicon { margin-right: 15px; }
.navicon { display: inline-block; position: relative; width: 30px; height: 5px; background-color: #333; }
.navicon:before, .navicon:after { content: ''; display: block; width: 30px; height: 5px; position: absolute; background: #333; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.navicon:before { margin-top: -10px; }
.navicon:after { margin-top: 10px; }
/* 展开后导航栏目 */
#mnav h2.open .navicon { background:none }/* 使用背景色隐藏中间的红线 */
#mnav h2.open .navicon:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#mnav h2.open .navicon:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
#mnav h2.open .navicon:before, #mnav h2.open .navicon:after { content: ''; display: block; width: 30px; height: 5px; position: absolute; background: #fff; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; }

/*links*/
.links { width: 1000px; margin: 30px auto; overflow: hidden }
.links h2 { background: url(../images/linksbg.png) no-repeat left top; height: 38px }
.links li { float: left; border: #CCC 1px solid; padding: 5px; margin: 10px 10px }
.links li img { height: 51px }
.links li img:hover { opacity: 0.5 }
/*footer*/
footer { background: url(../images/footerbg.png) repeat-x; padding: 20px 0; color: #ccc; margin: 20px 0 0 0 }
.footer { width: 1000px; margin: auto; overflow: hidden }
.footer p { line-height: 24px; }
.footer a{ color:#ccc}
.textr { text-align: right }
